/*个人账户总览 path:'/selfaccount'*/
<template>
  <div class="selfaccount">
    <header-top :option="headerOption"></header-top>

    <stock-account :userCode="userCode"></stock-account>
    <fund-account :userCode="userCode"></fund-account>
    <financial-account :userCode="userCode" v-if="false"></financial-account>
    <game-account :userCode="userCode"></game-account>

    <group-clearance-modal></group-clearance-modal>
    <group-set-name-modal></group-set-name-modal>
    <group-set-name-succ-modal></group-set-name-succ-modal>
  </div>
</template>

<script>
  import HeaderTop from 'components/HeaderTop'
  import Constant from 'common/constant'
  import LocalDAO from 'common/localDAO'
  import StockAccount from 'components/selfaccount/StockAccount'
  import FundAccount from 'components/selfaccount/FundAccount'
  import FinancialAccount from 'components/selfaccount/FinancialAccount'
  import GameAccount from 'components/selfaccount/GameAccount'
  import GroupClearanceModal from 'components/modal/GroupClearanceModal'
  import GroupSetNameModal from 'components/modal/GroupSetNameModal'
  import GroupSetNameSuccModal from 'components/modal/GroupSetNameSuccModal'

  export default {
    data () {
      return {
        headerOption: {
          title: '个人账户总览',
          leftBtn: Constant.leftBtn.BACK,
          operations: []
        },
        userCode: LocalDAO.getUserCode(),
        showStock: true,
        showFund: true,
        showFinancial: true,
        showGame: true
      }
    },
    components: {
      HeaderTop,
      StockAccount,
      FundAccount,
      FinancialAccount,
      GameAccount,
      GroupClearanceModal,
      GroupSetNameModal,
      GroupSetNameSuccModal
    },
    methods: {
      toggleShow(accountShow){
        accountShow = accountShow;
      }
    }
  }
</script>

<style scoped>
  .selfaccount .common-app-header {
    background-image: url('~assets/images/bg-watermark.png');
    background-size: cover;
  }

</style>
